<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>测试Axios发出一步请求</h1>
    <input type="button" value="发请求" onclick="fn()">
<h1>测试post请求</h1>
<input type="button" value="post请求" onclick="postfn()">
</body>
<!--引入Axios-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script>

    function postfn(){
        let data = new FormData();
        data.append("info","zw");
        axios.post("/helloAxios",data).then(function (response){
            alert(response.data);
        })
    }

    function fn(){
        // //发出异步请求get请求
        // axios.get("/helloAxios").then(function (respones){
        //     //请求成功后执行的代码   response代表响应对象
        //     alert(respones.data);//response.date代表响应的数据
        // }).catch(function (err){
        //     //请求失败时执行的代码  err代表错误对象
        //     alert(err);
        // })


        //如果请求出错时不需要做任何事,  可以省略掉后面的catch  不写catch如果出错需要在控制台中查看错误
        //发出异步请求get请求
        axios.get("/helloAxios?info=abc").then(function (respones){
            //请求成功后执行的代码   response代表响应对象
            alert(respones.data);//response.date代表响应的数据
        })
    }
</script>
</html>